<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>千语学园</title>
    <link rel="stylesheet" th:href="${css_nav}" href="">
    <!--    <link rel="stylesheet"  href="css/nav.css">   可用，备用-->
    <link rel="stylesheet" th:href="${css_index}" href="">

</head>
<body>

<div class="wrapper">

    <ul class="menu">
        <ul class="left">
            <ul class="ul-list">
                <li>
                    <a class="first" id="indexWindow" href="#">首页</a>
                </li>
                <li>
                    <a id="downloadWindow" href="#">下载</a>
                </li>
                <!--<li>-->
                <!--<a id="yuanwenWindow" href="#">园文</a>-->
                <!--</li>-->
                <!--<li>-->
                <!--<a id="shequWindow" href="#">社区</a>-->
                <!--</li>-->
            </ul>
        </ul>
        <ul class="right">
            <ul class="ul-list">
                <li>
                   <span class="search"> <input type="text" name="temp" id="inputFind">
                    <i class="search-btn">
                        <svg id="imgFind" t="1626662273491" class="icon" viewBox="0 0 1024 1024" version="1.1"
                             xmlns="http://www.w3.org/2000/svg" p-id="2049" width="20" height="20"><path
                                d="M116.363636 442.181818c0-179.665455 146.152727-325.818182 325.818182-325.818182s325.818182 146.152727 325.818182 325.818182-146.152727 325.818182-325.818182 325.818182S116.363636 621.847273 116.363636 442.181818z m629.201455 253.765818A393.914182 393.914182 0 0 0 837.818182 442.181818c0-218.507636-177.128727-395.636364-395.636364-395.636363S46.545455 223.674182 46.545455 442.181818s177.128727 395.636364 395.636363 395.636364c96.744727 0 185.297455-34.839273 254.021818-92.509091l231.028364 228.445091c6.795636 6.725818 15.685818 10.077091 24.529455 10.077091a34.909091 34.909091 0 0 0 24.552727-59.717818l-230.749091-228.165819z"
                                fill="#8a8a8a" p-id="2050"></path></svg>
                    </i>
                       </span>
                </li>
                <li>
                    <a id="signWindow" href="#">登录/注册</a>
                </li>
                <li class="head-portrait" id="head-portrait">
                    <a href="#">
                        <img th:src="@{${headportrait}}" class="qy-nav-img"/>
                        <i>
                            <svg t="1625907864078" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                 xmlns="http://www.w3.org/2000/svg" p-id="3241" width="20" height="20">
                                <path d="M947.2 310.7c0 4.1-1.6 8.2-4.7 11.3L551.6 712.9c-21.8 21.8-57.4 21.8-79.2 0L81.5 322c-6.2-6.2-6.2-16.4 0-22.6 6.2-6.2 16.4-6.2 22.6 0L495 690.3c9.4 9.4 24.6 9.4 33.9 0l390.9-390.9c6.2-6.2 16.4-6.2 22.6 0 3.2 3.1 4.8 7.2 4.8 11.3z"
                                      p-id="3242" fill="#ffffff"></path>
                            </svg>
                        </i>
                    </a>
                    <ol class="ol-list">
                        <div>
                            <span th:text="${userName}+'欢迎！'"></span>

                            <span th:text="'等级 '+${grade}"></span>
                            <hr/>
                            <span id="quit">退出</span>
                        </div>
                    </ol>
                </li>

                <li id="myCollection">
                    <a href="#">收藏</a>
                </li>
                <!--<li>-->
                <!--<a href="#">消息-->
                <!--<span class="qy-badge-dog"></span>-->
                <!--</a>-->
                <!--</li>-->
                <li id="ahistory">
                    <a href="javascript:void(0)">历史</a>
                    <ol class="chjy-ol-list" style="width: 120px">
                        <li th:each="userhisotry:${userHistory}">
                            <a class="text-history"  th:href="'/yuanwen/getViewBrowseAritcle?objectId='+${userhisotry.yuanwen.objectid}" href=""  th:if="${not #strings.isEmpty(userhisotry.yuanwen)}"
                               th:text="${userhisotry.yuanwen.title}">下拉导航</a>
                        </li>
                    </ol>

                </li>
                <li>
                    <a id="mygarden" href="#">我的园子</a>
                </li>
            </ul>
        </ul>
    </ul>
</div>

<div class="main">
    <!--        <iframe id="mainIframe" th:src="${index_html}" src="" class="iframeClazz" ></iframe>-->
    <iframe scrolling="no" id="mainIframe" th:src="${index_html}" src="" class="iframeClazz"></iframe>
</div>
<div class="footder">
    <div class="content">
        Copyright © 2020-2021 源梦科技. All Rights Reserved &emsp;<a href="#"> 关于我们</a>
    </div>
</div>

</body>
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.5.1.min.js"></script>
<!--<script type="application/javascript">-->
<!--    $("#mainIframe").attr("src","${h5.url}");-->
<!--</script>-->
<script type="text/javascript" th:src="${js_nav}" src=""></script>
<script src="/js/Dialog.js"></script>

<script type="text/javascript">

    // function reinitIframe(){
    //     var iframe = document.getElementById("mainIframe");
    //     try{
    //         var bHeight = iframe.contentWindow.document.body.scrollHeight;
    //         var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
    //         var height = Math.max(bHeight, dHeight);
    //         // iframe.height = height;
    //
    //         $(".main").css("height",height);
    //         console.log(height);
    //     }catch (ex){}
    // }
    // reinitIframe()
    // window.setInterval("reinitIframe()", 400);
</script>


<script th:inline="javascript">

    var message = [[${userId}]];
    console.log("*:" + message);
    if (message != null) {
        $("#signWindow").css("display", "none");
        $("#head-portrait").css("display", "block");
    }

</script>
</html>
